/* =color
Gris Foncé : 1C1B1A
Gris Claire : DEDCD5
Bleu Foncé : 336699
Bleu Turquoise : 5CC9F2
-------------------------------------------------*/

hr { margin: 1.5em 0; }

fieldset { border: 1px solid #CCC;}
legend { padding: 0 0.5em; font-weight: bold; color: #444; }

/* =pagination
------------------------------------------------*/
#pagination { float: left; }
#pagination #page { float: left; }
#pagination #previous-and-next { float: left; margin-left:10px; }
#pagination a { padding:0 margin: 0 0.3em; }

/* =breadcrumbs
------------------------------------------------*/
#breadcrumbs {}
#breadcrumbs { 
  margin-top: 0;
  margin-bottom: 1.5em;
}
#breadcrumbs a { text-decoration: underline; color: #333; }
#breadcrumbs a:link { text-decoration: underline; color: #333; }
#breadcrumbs a:hover { text-decoration: none; color: #333; }

/* =spinner
------------------------------------------------*/
.spinner { }
.spinner img { margin-right: 5px; }

/* =load-indicator : default is black
------------------------------------------------*/
#load-indicator {
	position:fixed;
	top:35%;
	left:50%;
	width:100px;
	height:50px;
	z-index:5000;
	%border: #000 solid 3px;
	%background-color: #000;
  %background-image:	url('../images/black-loader.gif');
  background-repeat: no-repeat;
  background-position: 50% 35%;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.black-loader {
	border: #000 solid 3px;
	background-color: #000;
  background-image:	url('../images/black-loader.gif');
}

.yellow-loader {
	border: #AF9567 solid 3px;
	background-color: #F7E772;
  background-image:	url('../images/yellow-loader.gif');
}



/* =form
------------------------------------------------*/

form div { margin: 10px 0; }
option { padding: 0 1em; }
label { display: block; padding: 0 0.5em 0.3em 0; }
label.inline { float:left; width:18em; }
em.required { color: red; font-style: normal; padding: 0 0.2em; }
input[type="text"] { width: 200px; padding: 1px; }
input[type="password"] { width: 200px; padding: 1px; }
input.button { padding: 0; }

.trash img { border: none; }

fieldset { display:block; margin: 1.5em 0; padding:1em; width:40em; }


/* =image shadow
----------------------------------------------- */

.shadow { 
	background: url('../images/shadow_white.gif') no-repeat bottom right;
 	clear: right;
 	float: left;
 	position: relative;
}
.shadow img { 
	background-color: #fff;
 	border: 1px solid #eee;
 	display: block;
	padding: 4px;
	margin: -5px 5px 5px -5px;
 	position: relative;
}

.shadow { margin: 5px; margin-left: 0px; }


.clear { clear: both; height:1%; margin:0; padding:0; line-height:1%; }